import * as React from "react";
import { SVGProps } from "react";

export const SvgArrowSelect = (props: SVGProps<SVGSVGElement>) => (
    <svg
        width="13"
        height="9"
        viewBox="0 0 13 9"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}>
        <path
            d="M1.29169 0.875C1.0857 0.875044 0.884347 0.93616 0.713086 1.05062C0.541826 1.16509 0.408347 1.32776 0.329525 1.51807C0.250702 1.70838 0.230073 1.91779 0.270248 2.11982C0.310422 2.32186 0.409596 2.50745 0.555231 2.65312L5.76356 7.86146C5.95891 8.05674 6.22381 8.16644 6.50002 8.16644C6.77623 8.16644 7.04114 8.05674 7.23648 7.86146L12.4448 2.65312C12.5904 2.50745 12.6896 2.32186 12.7298 2.11982C12.77 1.91779 12.7493 1.70838 12.6705 1.51807C12.5917 1.32776 12.4582 1.16509 12.287 1.05062C12.1157 0.93616 11.9143 0.875044 11.7084 0.875H1.29169Z"
            fill="#DFD8F5"
            fillOpacity={props.fillOpacity ?? "0.4"}
        />
    </svg>
);
